@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */
@media screen, projection {
	/**
	 * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
	 * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
	 *
	 * @workaround
	 * @affected IE8, FF, Webkit, Opera
	 * @css-for all
	 * @valid CSS3
	 */
	 
	 html {
		height: 100%;
		width: 100%;
	 }

	/*-------------------------------------------------------------------------*/
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body {
		background: #232323;
		padding: 0;
	}
	
	/* Layout Alignment | Layout-Ausrichtung */
	.page_margins {
		position:absolute;
		left: 50%;
		top: 50%;
		margin-left: -290px;
		margin-top: -237px;
		width: 580px;
		height: 475px;
	}
	
	/* Layout Properties | Layout-Eigenschaften */
	.page_margins {
	}
	
	.page {
	}
	
	/*-------------------------------------------------------------------------*/
	/**
	 * (en) Formatting content container
	 * (de) Formatierung der Inhalts-Container
	 *
	 */
	#main {
		position: relative;
		width: 580px;
		height: 475px;
	}
	
	/* PHP Scrolling - unfinished */
	/*
	#projectUp {
		width: 28px;
		height: 18px;
		position: absolute;
		top: -30px;
		right: 23px;
		background-image: url(images/arrowUp.png);
		z-index: 200;
	}
	#projectUp:hover {
		background-image: url(images/arrowUp_hover.png);
	}
	#projectDown {
		width: 28px;
		height: 18px;
		position: absolute;
		bottom: -30px;
		right: 23px;
		background-image: url(images/arrowDown.png);
		z-index: 200;
	}
	#projectDown:hover {
		background-image: url(images/arrowDown_hover.png);
	}*/
}